@charset "utf-8";
/*
描述:cavan响应式主题样式表第19套
作者:wangxb
*/
/*默认页面主体样式定义*/
body{ color:#5c5c5c;}
a{ color:#3d3c3c;}
.w-main .row,.col-logo,.topLogBox .topLogBox-in,.w-footer-in{ max-width:1200px; margin:0 auto;}
.body{overflow:hidden;}
/*---------------------header-----------------------*/
.w-header{ position:relative;  }
.col-logo{ position:relative; z-index:1;}
.w-logo{ }
.w-logo h1{ font-size:42px; }
.w-logo h1,.w-logo a{color:#333;}
.w-nav{background:#628a82; }
.w-nav .w-nav-in{max-width:1200px; margin:0 auto;}
.w-nav .nav_inner{display:block; }
.w-nav .nav_inner > li{}
.w-nav li a{ text-decoration:none;color:#fff;padding:0 10px;font-size:14px;}
.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:51px; display:block; color:#fff;}
.w-nav .nav_inner > li > .submenu{ top:51px; left:50%; margin-left:-75px;}
.w-nav .submenu a{ }
.topLogBox,.topLogBox a{ font-size:12px;color:#818181;}
.topLogBox a{ margin:0 6px; text-decoration:none;   }
.w-loginRegister,.w-languege,.w-shopCart{padding-top:2px;}
.w-shopCart{margin-left:30px;}
.w-shopCart i{ background:url(../images/shopCart.png) no-repeat center; width:19px; height:19px; vertical-align:middle; display:inline-block; *zoom:1; margin-right:2px;}
.topLogBox .w-search{ position:relative; margin-left:5px;}
.topLogBox .w-search .input-search-w{ background:none; width:235px; height:32px;*width:200px; *height:30px; line-height:30px;  padding: 0 30px 0 5px; border:1px solid #999; }
.topLogBox .w-search .search-btn-w{ position:absolute;width:30px; right:0; top:0; bottom:0; background:url(../images/header_search.png) no-repeat center #FE6A00; cursor:pointer; }
.topLogBox .w-search .search-btn-w span{ display:none;}
.w-custom{ padding:0; max-width:50%; float:right;}
.w-custom .search-defaut-w{ min-width:250px;}
/*-----------------------banner------------------*/
.banner .bx-wrapper .bx-prev{background-image:url("../images/banner_pre.png") !important; left:0 !important; background-position:left center !important;}
.banner .bx-wrapper .bx-next{background-image:url("../images/banner_next.png") !important; right:0 !important; background-position:right center !important;}
.bx-wrapper .bx-pager.bx-default-pager a{ opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#fff !important;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
/*---------------footer------------------*/
.w-footer{ color:#fff; line-height:2;background:#000; }
.w-footer a{color:#fff;}
.w-footer .icon-social{background-image:url(../images/icon-social-foot-w.png);}
/*----------------------------组件-----------------------*/
.btn-default-w{border:none; color:#000; padding:0.4em 2em; background:none; border:2px solid #000; }
.btn-default-w:hover,.btn-default-w:focus, .btn-global-w:hover,.btn-global-w:focus{color:#000;text-decoration:none;}
.btn-default-w:hover{background-color:#000; color:#fff;transition: all 0.2s;-moz-transition: all 0.2s; -webkit-transition: all 0.2s;-o-transition: all 0.2s;}
.w-footer .btn-default-w{border-color:#eee; color:#eee;}
.w-footer .btn-default-w:hover,.w-footer .btn-default-w:focus, .w-footer .btn-global-w:hover,.btn-global-w:focus{color:#eee;text-decoration:none;}
.w-footer .btn-default-w:hover{background-color:#eee; color:#000;}
.gallery-mar{margin:10px;}
.gallery-border{ border:1px solid #CCDADD;}
.icon-social{background-image:url(../images/icon-social-w.png);}
.icon-social:hover{opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.search-defaut-w .input-search-w{padding-right:45px;}
.search-defaut-w .search-btn-w{ background:url(../images/input-search.png) no-repeat center #7e7e7e;  width:40px;}
.w-footer .search-defaut-w .search-btn-w:hover{background-color:#7e7e7e;}
/*--------------------系统------------------------*/
.systitle{background:#628A82; color:#fff;}
.w-pages{text-align:center;}
/*-----------------------------产品----------------------*/
.w-prd-list-cell .w-prd-btns a{border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.w-prd-list-cell .w-prd-btns a.btn-buy{ background:#628A82; border-color:#628A82; color:#fff;}
.w-prd-list-cell .w-prd-infobox,.w-prd-list-cell .w-prd-infobox h2 a{ color:#474b54;}
.w-prd-list .w-prd-imgbox{border:1px solid #e6e6e6;}
.w-product .w-prd-infobox{ text-align:center;}
.w-prd-list-cell .w-prd-price-groups > div{font-size:90%;}
.product-price-amount{color:#be0000;}
.product-detail-info .product-grayBox .product-prices{line-height:1.2;}
/*----------------------------新闻-------------------------*/
.w-News-list,.w-News-list a,.w-News-list .news-com .date{color:#3d3c3c;}
.w-News-list .news-com .news-sum{color:#3d3c3c;}
.newsDetail .newsTitle{color:#333;}
.w-adNews{ color:#3d3c3c;}
.w-adNews a.news-kind{color:#628a82;}
.w-adNews3 .w-adNews-texts li .w-adNews-textH h3{ font-size:105%;}
.w-adNews3 .w-adNews-texts li .numberQ{ color:#000;}
.w-adNews3 .w-adNews-imgs .news-img .news-buoy-content .mask{background:#000;}
.w-News-list5 li .news-item .data-day,.w-adNews1 li .news-item .data-day{ background:#628A82;}
.w-adNews5 li{border-bottom:0;}
/*----------------------菜单----------------------------*/
.w-com-menu li > .div-parent > .fa-plus::before{content: "\f107";}
.w-com-menu li.open > .div-parent > .fa-plus::before{ content: "\f106";}
/*-----------------------会员中心和购物车--------------------*/
.w-admin-header .w-admin-row{width:100%;}
/*---------------------登录注册--------------------------*/
.body-login{background:#fff;}
.signbox-A .login-h2A,.login-input-A,.register-A a, .password-forget-A a,.login-button-A,.signfoot,.login-checkA span{color:#666;}
input[class*='login-input-A']::-webkit-input-placeholder{ color:#666;}
input[class*='login-input-A']:-moz-placeholder{ color:#666;}
input[class*='login-input-A']::-moz-placeholder{ color:#666;}
input[class*='login-input-A']:-ms-input-placeholder{ color:#666;}
.sign-content-A{ background-image:url("../images/signboxbg.png");}
.login-button-A{background-image:url("../images/signbtnbg.png");}
.login-checkA input.checked[type="checkbox"] + label{background-image:url("../images/login-checked.png");}
.login-input-A,.login-button-A,.login-checkA label{border-color:#999;}
@media (min-width:768px){
	.body{ font-size:14px;}
	/*---------------------------菜单-------------------------*/
    .w-com-menu-H{ margin-bottom:80px; margin-top:-40px; background:#000000;}
    .w-com-menu-H li{margin:0;}
    .w-com-menu-H li a{ font-size:14px; color:#fff;}
    .w-com-menu-H >.w-com-menu-in{display:inline-block; *display:inline; *zoom:1;}
    .w-com-menu-H >.w-com-menu-in>.ul-parent> li >.div-parent a{ padding:15px 20px;  min-width:120px; display:inline-block;*display:inline; *zoom:1;}
    .w-com-menu-H .ul-submenu{ padding-top:26px; top:55px;}
	.w-com-menu-H .ul-submenu .ul-submenu{ top:28px;}
    .w-com-menu-H .ul-submenu li .div-parent{margin:0 5px;}
    .w-com-menu-H .ul-submenu li a{ line-height:2;}
    .w-com-menu-H .ul-submenu .ul-submenu-up{display:none;}
	
	.order-progress .order-progress-line .order-progress-line-sec .line{width:111px;}
}
@media (min-width:960px){
	.w-admin-header .w-admin-nav{ float:none; margin-left:0; padding-top:0;}
	.w-header .row{ padding-top:10px;}
	.w-logo h1{ line-height:80px;}
	.w-nav .nav_inner > li{  float:left; min-width:12.5%; *min-width:12.499%;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{border-right:1px solid #9a9a9a;}
	.w-nav .nav_inner > li:first-child > a, .w-nav .nav_inner > li:first-child > .li-parent-div > a{border-left:0;}
	.w-nav .nav_inner > li:last-child > a, .w-nav .nav_inner > li:last-child > .li-parent-div > a{border-right:0;}
	.w-nav .li-parentOne-div .fa{ display:none;}
	.w-nav .submenu{ box-shadow:0 0 2px rgba(255,255,255,0.2); -moz-box-shadow:0 0 2px rgba(255,255,255,0.2); -webkit-box-shadow:0 0 2px rgba(255,255,255,0.2);}
	.w-nav .submenu li{width:150px;}
	.w-nav .submenu li .submenu{left:150px;}
	.w-nav .submenu a{font-size:12px;}
	.w-nav .submenu li a{ padding:8px 20px;}
	.w-admin-row{position:relative;}
	.w-admin-shopCart{ position:absolute; right:10px; top:5px; margin-right:0; z-index:2;}
	.w-admin-shopCart a{background:#fff; padding:7px 15px;}
	.w-admin-shopCart a span, .w-admin-shopCart a .fa-angle-right{ display:inline-block; *display:inline; *zoom:1;}
	.w-admin-shopCart a .num{left:98px;}
	.w-nav .li-parent-div .fa-plus:before{content: "\f105";}
	/*---------------------------topLogBox--------------------------*/
    .topLogBox{ position:absolute; left:0; right:0; top:0; }
    .topLogBox .topLogBox-in{overflow:hidden; padding:5px 0;}
    .topLogBox .w-languege,.topLogBox .w-loginRegister,.topLogBox .w-shopCart,.w-header .w-search{float:right; position:relative; z-index:9; }
	.topLogBox .col-com{ margin-top:10px;}
	
}
@media (min-width:1200px){
	.w-admin-shopCart{right:50%; margin-right:-590px;}
	.w-com-menu-H{ width:2000px; margin-left:-400px;}
}
@media (max-width:1200px){
	.w-main .row,.w-header .row,.w-footer-in, .topLogBox .topLogBox-in{ width:100%;}
	.col-table{margin:0;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{ min-width:auto; padding:0 10px;}
	.w-com-menu-H{margin-left:0;}
}
@media (max-width:960px) {
	html{width:100%; height:100%; overflow-x:hidden;}
	body{ height:100%;min-width:100%;}
	.body{ padding-top:1.56rem;}
	
	/*--------------------header---------------------*/
	.w-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem;  background:#fff; z-index:999; color:#000;}
	.col-logo{float:none; text-align:center;}
	.w-logo{ padding:0 1.2rem; height:auto; min-height:0; min-width:0;}
	.w-logo h1{ font-size:0.7rem; margin-top:0.35rem; margin-bottom:0;}
	.w-logo-img{ display:block; padding:0.25rem;line-height:1.06rem;}
	.w-logo-img img{max-height:1.06rem;}
	.col-right{position:fixed;left:0; width:100%; background:#3d3d3d; top:1.56rem; bottom:0; margin-top:0px; display:none; overflow-y:auto; padding:0;}
	.col-com{ border-bottom:1px solid #2A2A2A; border-top:1px solid #484848; float:none;}
	.w-languege{ float:left; margin:1em;}
	.w-loginRegister,.w-shopCart{ float:right; margin:1em;}
	.w-header .w-search{ float:none; margin:1em;}
	.w-header .w-search .input-search-w{ width:100%; box-sizing:border-box; height:3em; line-height:3em;}
	.w-nav{ background:none;}
    .w-nav ul{list-style:none; padding-left:0;}
	.w-nav .nav_inner > li{ display:block;}
	.w-nav .nav_inner > li > a, .w-nav .nav_inner > li > .li-parent-div > a{line-height:3; color:#fff;}
    .w-nav li a{ display:block; padding:1em 5px; text-align:center; color:#999;}
	.w-nav .nav_inner > li > .submenu{top:0; left:0; margin-left:0;}	
	.topLogBox, .topLogBox a{color:#fff;}
	/*-----------------------会员中心和购物车--------------------*/
	.w-admin-header{position:fixed; top:0; left:0; width:100%; padding-top:0; height:1.56rem; z-index:999; color:#000; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);}
	.body-login .w-admin-header{background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);}
}
@media only screen and (min-width:768px) and (max-width:960px) {
	.w-loginRegister, .w-shopCart, .w-header .w-search{margin-right:15px;}
	.w-shopCart{margin-left:15px;}
}
@media (max-width:767px) {
	/*----------------------系统页-------------------*/
	
	/*----------------------新闻---------------------------*/
	.w-adNews5 li .news-h{ font-size:105%;}
	
}	


